
.header{position: fixed;width: 100%;height: 40px;background:#293038;z-index: 101;font-size:14px;
	.navbar-inner{border:none;}
	.sui-brand{padding:5px;}
	img{width:30px;}
}
.body{position: absolute;width: 100%;top: 40px;bottom: 0px;background-color: #000;z-index: 100;}

/*左侧导航*/
@qcolor:#09c;
@qcolorh:#02A4DA;
@scolor:#0087b4;
@zcolor:#fff;
/*full下的宽度
*/
@fullWidth:180px;
.nav{width: 0px;display: none;position: fixed;top:40px;bottom: 0px;background-color: @qcolor;z-index: 102;overflow-x: hidden;font-size:12px;}
.nav-body{width:(@fullWidth);height: 100%;overflow: auto;overflow-x: hidden;
	.nav-fold{width:@fullWidth;height: 30px;line-height:30px;background:@scolor;text-align: center;font-size:16px;cursor:pointer;color: @zcolor;border-bottom:1px solid @qcolor;}

	.nav-title{width:@fullWidth;height: 40px;line-height:40px;background:@scolor;cursor:pointer;color: @zcolor;border-bottom:1px solid @qcolor;-webkit-user-select: none;-moz-user-select: none;
		&.fold{
			span{transform:rotate(-180deg);-webkit-transform: rotate(-180deg);}
		}
		span{margin:0 5px 0 15px;display: inline-block;transition:transform 0.15s;-webkit-transition:-webkit-transform 0.15s;}
	}
	ul{width:@fullWidth;}
	.nav-trans{display: none;
		a{display:block;height: 40px;line-height:40px;color: @zcolor;padding-left:40px;
			&:hover{background:@qcolorh;}
		}
	}
}
.nav-full{
	.nav{width: @fullWidth;display: block;
		
	}
}
/*min下的宽度
*/
@fullMin:50px;
.nav-min{
	.nav{width:@fullMin;display: block;
		.navbody{width:(@fullMin+20px);}
	}
}
/*右侧主体*/
.content{width: auto;position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;overflow: hidden;background:#edf1f2;}
.nav-full{
	.content{left: 180px;}
}
.nav-min{
	.content{left: 50px;}
}
.content-body{position: absolute;width: auto;top: 0px;bottom: 0px;left: 0px;right: 0px;overflow: hidden;overflow-y: auto;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;
	iframe{height:98%;visibility:inherit; width:100%;z-index:1;}
}

.content-title{padding: 15px;min-height: 30px;background:#f6f8f8;
	h1,h2,h3,h4,h5{display: inline-block;text-indent: 8px;border-left: 2px solid #88B7E0;margin-top: 0px;margin-bottom: 0px;margin-right: 8px;}
	h4{margin-top: 8px;margin-bottom: 8px;}
	.goback{float: right;margin-top: 8px;margin-bottom: 8px;margin-right:10px;}
}
.content-wrapper{margin:15px;padding:20px 15px;background:#fff;min-width:1000px;}
.btn-box{padding:10px 0;}
.search-box{margin:10px 0;}
.imgPreview{width:96%;border: 1px solid #ccc;padding:2%;border-radius:3px;cursor:pointer;position:relative;
	img{width:100%;}
}
.realImg{max-width:500px;max-height:500px;padding:10px;background:#fff;position: absolute;top:100px;right:100px;border: 1px solid #ccc;box-shadow:0 0 3px rgba(0,0,0,.3);}

.msg-box{width:250px;border:1px solid #ddd;margin:200px auto 0;padding:20px;text-align:center;background:#fff;

}